<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>蜘蛛体育</title>
<link rel="stylesheet" type="text/css" href="css/multiColumnTemplate.css"/>

</head>
<body>
<div class="container">
  <header>
	  <!-- 第一层 -->
    <div class="primary_header">
      <h1 class="title"> 蜘蛛体育</h1>
    </div>
	
    <nav class="secondary_header" id="menu">
      <ul>
        <li>首页</li>
        <li>NBA新闻</li>
        <li>看看战靴</li>
        <li>讨论吧</li>
        <li>公告</li>
        <li>关于我们</li>
      </ul>
    </nav>
  </header>
  
  <!-- 第二层 -->
  <section>
    <article class="left_article">
      <h3>N B A</h3>
	  
      <p>NBA（NationalBasketballAssociation）是北美的男子职业篮球组织，是美国四大职业体育联盟之一。其拥有30支球队分为东部联盟和西部联盟，每个联盟又被划分为3个赛区，各赛区由5支球队组成。其赛事美国职业篮球联赛（或称美国篮球联赛，简称美国职篮）也被直接称为NBA，是全世界水准最高的职业篮球赛事。 NBA正式赛季于每年10月中开始，分为常规赛、季后赛两大部分。常规赛结束后，东部和西部联盟分别由前八名进入季后赛，决出东西部冠军，晋级NBA总决赛，后由两个联盟的冠军争夺NBA的最高荣誉──总冠军。</p>
      
    </article>
	<marquee direction="left" width="400px" height="400px">
	<div id="gund">
		<!-- <aside class="right_article"></aside> -->
			<img src="img/gund/gundong1.jpg" width="400px" height="200px" class="placeholder"/> 
		
		
			<img src="img/gund/gundong2.jpeg" width="400px" height="200px" class="placeholder">
		
		
			<img src="img/gund/gundong3.jpg" width="400px" height="200px" class="placeholder" >
		
		
			<img src="img/gund/gundong5.png" width="400px" height="200px" class="placeholder" >
		
		
			<img src="img/gund/gundong6.png" width="400px" height="200px" class="placeholder">
		
	</div>
	</marquee>
  </section>
  
  <!-- 第三层 -->
  <div class="row">
    <div class="columns">
		<div id="tup1">
			  <p class="thumbnail_align"> <img src="img/images/yaoming.jpg" alt="" class="thumbnail"/> </p>
		</div>
      <h4>姚明</h4>
      <p>房开发工具那附近可根据房管局法规及国家里看风景更加热加工热狗我加热管加热我几个我即热我价格IE无人机构无人机国家额日机股份加热IG缝纫机诶人热加工如果热个人如果热个人如果热格格热狗仍然热狗隔热个个人戈尔贡。</p>
    </div>
    <div class="columns">
		<div id="tup2">
			<p class="thumbnail_align"> <img src="img/images/kebi.jpg" alt="" class="thumbnail"/> </p>
		</div>
      <h4>科比</h4>
      <p>房开发工具那附近可根据房管局法规及国家里看风景更加热加工热狗我加热管加热我几个我即热我价格IE无人机构无人机国家额日机股份加热IG缝纫机诶人热加工如果热个人如果热个人如果热格格热狗仍然热狗隔热个个人戈尔贡。</p>
    </div>
	
    <div class="columns">
		<div id="tup3">
			<p class="thumbnail_align"> <img src="img/images/hadeng.jpg" alt="" class="thumbnail"/> </p>
		</div>
      <h4>哈登</h4>
      <p>房开发工具那附近可根据房管局法规及国家里看风景更加热加工热狗我加热管加热我几个我即热我价格IE无人机构无人机国家额日机股份加热IG缝纫机诶人热加工如果热个人如果热个人如果热格格热狗仍然热狗隔热个个人戈尔贡。</p>
    </div>
	
    <div class="columns">
		<div id="tup4">
			<p class="thumbnail_align"> <img src="img/images/luosi.jpg" alt="" class="thumbnail"/> </p>
		</div>
      <h4>罗斯</h4>
      <p>房开发工具那附近可根据房管局法规及国家里看风景更加热加工热狗我加热管加热我几个我即热我价格IE无人机构无人机国家额日机股份加热IG缝纫机诶人热加工如果热个人如果热个人如果热格格热狗仍然热狗隔热个个人戈尔贡。</p>
    </div>
  </div>
  
  <!-- 第四层 -->
 <!-- <div class="row blockDisplay">
    <div class="column_half left_half">
      <h2 class="column_title">你猜？</h2>
    </div>
    <div class="column_half right_half">
      <h2 class="column_title">你猜我猜不猜</h2>
    </div>
  </div> -->
  
  <!-- 最六层 -->
 <div class="social">
    <p class="social_icon"><img src="img/images/yaoming.jpg" width="100" alt="" class="thumbnail"/></p>
    <p class="social_icon"><img src="img/images/kebi.jpg" width="100" alt="" class="thumbnail"/></p>
    <p class="social_icon"><img src="img/images/hadeng.jpg" width="100" alt="" class="thumbnail"/></p>
    <p class="social_icon"><img src="img/images/kaiwen.jpg" width="100" alt="" class="thumbnail"/></p>
  </div>
  <!-- 第七层版权 -->
  <div class="diqi">
  	
 
  <footer class="secondary_header ">
    <div class="copyright">&copy;2019 所有解释权归蜘蛛网所有</div>
  </footer> </div>
</div>
</body>
</html>
